<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		
		<div id="app">
			<p>{{message}}</p>
			<child-select></child-select>
			<custom-child></custom-child>
		</div>
		<script>

			Vue.component('custom-child',{
				data(){
					return {
						miaov:123
					}
				},
				components: {
					'child-child2': {
						template: `<div>child模板中注册局部组件</div>`
					}
				},
				template: `<div @click="miaov='改变了'">{{miaov}}<<child-child2></child-child2></div>`
			});




			// 未挂载
			let vm = new Vue({
				el:'#app',
				data: {
					message:'hello'
				},
				components: {
					'child-select': {
						template: `<div>我是局部注册的组件</div>`
					}
				}
			});

		</script>
	</body>
</html>